<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>拍拍内容页</title>
		<!--载入首页的css-->
		<script src="js/jquery-1.8.2.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/tab.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/magnify.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="./css/content.css"/>
	</head>
	<body>
		<!--顶部头部开始-->
		<div id="header_top">
			<!--顶部中间框开始-->
			<div class="header_centre">
				<!--头部左侧开始-->
				<div class="header_lift">
					<a href="http://www.jd.com" target="_blank">京东</a><a href="javascript:;">|</a><a href="" target="_blank">易迅</a>
				</div>
				<!--头部左侧结束-->
				<!--头部右侧开始-->
				<div class="header_right">
					<a href="">欢迎妮妮回来</a></a><a href="javascript:;">|</a>
					<a href="">登陆</a></a><a href="javascript:;">|</a>
					<a href="">退出</a></a><a href="javascript:;">|</a>
					<a href="">注册</a></a><a href="javascript:;">|</a>
					<a href="">个人中心</a></a><a href="javascript:;">|</a>
					<a href="">购物车</a>
				</div>
				<!--头部右侧结束-->
			</div>
			<!--顶部中间框结束-->
		</div>
		<!--顶部头部结束-->
		
		
		<!--顶部LOGO区域开始-->
		<div id="header_logo1">
			<!--LOGO左侧开始-->
			<div class="logo_left1">
				<a class="logo_img"><img src="images/logo.png"/></a>
			</div>
			<!--LOGO左侧结束-->
			<!--LOGO右侧搜索框开始-->
			<div class="logo_right1">
				<!--搜索框开始-->
				<div class="right1_fro">
					<!--搜索框上侧-->
					<div class="fro_top">
						<form action="" method="post">
							<input class="fro_keyword" type="text" name="" id="" value="" placeholder="请输入您的关键字"/>
							<button class="fro_btn" type="submit" >搜索</button>
						</form>
					</div>
					<!--搜索框下侧-->
					<div class="fro_bottom">
						<a href="" target="_blank">大嘴猴</a>
						<a href="" target="_blank">大牌香水</a>
						<a href="" target="_blank">“机”情四射</a>
						<a href="" target="_blank">水果9.9</a>
						<a href="" target="_blank">进口尖货</a>
						<a href="" target="_blank">小样世界</a>
					</div>
				</div>
				<!--搜索框结束-->
			</div>
			<!--LOGO右侧搜索框结束-->
		</div>
		<!--顶部LOGO区域结束-->
		<!--分割线-->
		<div id="div_line"></div>
		
		
		<!--内容区域开始-->
		<div id="max_box">
			<!--大的form-->
			<form class="item_for" action="" method="post">
				<!--支撑图片和和购物框的大框-->
				<div class="prop">
					<!--左侧开始-->
					<div class="pp_gallery">
						<div class="small">
							<span class="mark"></span>
							<img src="images/8.jpg" width="400"alt="" />	
						</div>
						
					</div>
					<!--左侧结束-->
					
					<!--购物内容右面-->
					<div class="pp_centent">
						<!--放大镜的显示图开始-->
						<div class="box_big">
							<div class="big">
								<img src="images/8.jpg" alt="" />
							</div>	
						</div>
						<!--放大镜的显示图结束-->
						
						<!--内容标题-->
						<div class="pp_tit">
							<h1>2015夏装女装新款雪纺衫中长款修身大码短袖女上衣</h1>
						</div>
						<!--价格区域-->
						<div class="pp_meta">
							<!--价钱-->
							<dl class="pp_price">
								<dt>价格</dt>
								<dd>
									<span>
										<i class="pp_yen">¥</i>
										<em>48.00</em>
									</span>
								</dd>
							</dl>
							<!--销量-->
							<dl class="pp_sales">
								<dt>销售情况</dt>
								<dd>
									<span class="soldInfo">销量：1212件</span>
									<span class="sp">|</span>
									<!--累计评价-->
									<span class="rateViewLink">
										累计评价112条
									</span>
									<span class="sp">|</span>
									<!--浏览次数-->
									<span>浏览12223次</span>
								</dd>
							</dl>
						</div>
						<!--价格区域结束-->
						<!--产品选择开始-->
						<div class="pp_key">
							<!--采购区域-->
							<div class="buy_box">
								<!--颜色-->
								<dl class="color_box">
									<dt>颜色</dt>
									<!--颜色分类-->
									<dd>
										<ul>
											<!--颜色分类循环开始-->
											<li>
												<a class="cur" href="javascript:;">
													<span>玫红色</span>
												</a>
											</li>
											
											<!--颜色分类循环结束-->
										
										</ul>
									</dd>
								</dl>
							
							<!--颜色结束-->
							
							<!--尺码开始-->
							<dl class="attr_box">
								<dt>尺码</dt>
								<!--尺码分类-->
								<dd>
									<ul>
										<!--尺码分类循环开始-->
										<li>
											<a class="attr_cur" href="javascript:;">
												<span>XL</span>
											</a>
										</li>
										
										<!--尺码分类循环结束-->
										
									</ul>
								</dd>
							</dl>
								
								<!--产品数量开始-->
							<dl class="count_box">
								<dt>购买数量</dt>
								<dd>
									<span class="textarea">
										<input class="num" type="number" min="1" value="" />
									</span>
									<span>库存1212件</span>
								</dd>
							</dl>
							<!--产品数量结束-->
							<!--提交按钮开始-->
							<dl class="sub_box">
								<dt></dt>
								<dd>
									<!--立即购买-->
									<a class="pp_buy" href="">
									<b></b>	
									</a>
									<!--加入购物车-->
									<a class="pp_add" href="">
										<b></b>
									</a>
								</dd>
							</dl>
							<!--提交按钮结束-->
							</div>
							<!--尺码结束-->
						</div>
						<!--产品选择结束-->
					</div>
					<!--右侧结束-->
					
				</div>
				
			</form>
		</div>
		
		<!--内容区域结束-->
		
		<!--下面内容开始-->
		<div id="cen_menu">
			<!--左侧分类信息-->
			<!--分类区域结束-->
			<!--左侧区域列表展示开始-->
			<div class="pp_box">
				<div class="pp_box_hd">
					<h3>京东推荐</h3>
				</div>
				<!--循环内容开始-->
				<div class="hproduct">
					<a href="">
						<img src="images/item-55D1768A-F436FE67000000000401000053EB42C7.0.160x160.jpg"/>
					</a>
					<p><span>¥89.00</span></p>
					<p><a href="">ABCKIDS运动鞋儿童童鞋2015秋季新品中</a></p>
				</div>
				<!--循环内容结束-->
					<div class="hproduct">
					<a href="">
						<img src="images/item-55D1768A-F436FE67000000000401000053EB42C7.0.160x160.jpg"/>
					</a>
					<p><span>¥89.00</span></p>
					<p><a href="">ABCKIDS运动鞋儿童童鞋2015秋季新品中</a></p>
				</div>
					<div class="hproduct">
					<a href="">
						<img src="images/item-55D1768A-F436FE67000000000401000053EB42C7.0.160x160.jpg"/>
					</a> 
					<p><span>¥89.00</span></p>
					<p><a href="">ABCKIDS运动鞋儿童童鞋2015秋季新品中</a></p>
				</div>
		
			</div>
			<!--左侧区域列表展示结束-->
			<!--右侧内容区域开始-->
			<div class="tabbar_tab">
				<ul>
					<li class="cur_one">
						<a href="javascript:;">商品介绍</a>
					</li>
					<li>
						<a href="javascript:;">评价详情
							<span class="pp_tabbar_num">2756</span>
						</a>
					</li>
				</ul>
				
			</div>
			<!--产品参数开始-->
			<div class="pp_box sys_box">
				<h3>产品参数</h3>
				<div class="pp_box_bd">
					<ul>
						<!--循环开始-->
						<li>
							<em>品牌:</em>
							<span>阿木木</span>
						</li>
						<!--循环结束-->
					
					</ul>
				</div>
			</div>
			<!--产品参数结束-->
			<!--内容页开始-->
			<div class="hd">
				<h3>内容详情</h3>
				<div class="centent_box">
					<ul>
						<!--循环开始-->
						<li>
							<img src="images/2000.jpg" alt="" />
						</li>
						<!--循环结束-->
					<li>
							<img src="images/2000.jpg" alt="" />
						</li>
					</ul>
				</div>
			</div>
			<!--内容页结束-->
			
			<!--评价详情开始-->
			<div class="eva">
				<h3>评价详情</h3>
				<div class="eva_box">
					<ul>
						<!--循环开始-->
						<li>
							<!--评价内容-->
							<div class="col_master">
								<p>好评</p>
								<p class="pp_data">[2015-10-01 00: 00:00]</p>
							</div>
							<!--产品样式-->
							<div class="col_meta">
								<p class="sku">颜色：柠檬黄</p>
								<p class="sku">尺码：XL</p>
							</div>
							<!--用户等级-->
							<div class="col_author">
								<p>妮妮</p>
								<p>
									<!--等级-->
									<a href="">7</a>
									<!--几星用户-->
									<a href="">
										<!--有行内图标星星<--></-->
										<span></span>
									</a>
								</p>
							</div>
						</li>
						<!--循环结束-->
						<!--循环开始-->
						<li>
							<!--评价内容-->
							<div class="col_master">
								<p>好评</p>
								<p class="pp_data">[2015-10-01 00: 00:00]</p>
							</div>
							<!--产品样式-->
							<div class="col_meta">
								<p class="sku">颜色：柠檬黄</p>
								<p class="sku">尺码：XL</p>
							</div>
							<!--用户等级-->
							<div class="col_author">
								<p>妮妮</p>
								<p>
									<!--等级-->
									<a href="">7</a>
									<!--几星用户-->
									<a href="">
										<!--有行内图标星星<--></-->
										<span></span>
									</a>
								</p>
							</div>
						</li>
						<!--循环结束-->
						<!--循环开始-->
						<li>
							<!--评价内容-->
							<div class="col_master">
								<p>好评</p>
								<p class="pp_data">[2015-10-01 00: 00:00]</p>
							</div>
							<!--产品样式-->
							<div class="col_meta">
								<p class="sku">颜色：柠檬黄</p>
								<p class="sku">尺码：XL</p>
							</div>
							<!--用户等级-->
							<div class="col_author">
								<p>妮妮</p>
								<p>
									<!--等级-->
									<a href="">7</a>
									<!--几星用户-->
									<a href="">
										<!--有行内图标星星<--></-->
										<span></span>
									</a>
								</p>
							</div>
						</li>
						<!--循环结束-->
					</ul>
				</div>
			</div>
			<!--评价详情结束-->
			
			<!--右侧内容区域结束-->
		</div>
		<!--下面内容结束-->
		
		
		
		
		
		
		
		
<!--底部开始-->
<div id="bottom_m">
	<div class="bottom_z">
		<div class="bottom_l">
		<a href=""></a>
		<p>精品专区网站地图用户协议隐私声明</p>
		<p>Copyright © 1998-2015拍拍公司 paipai.com  </p>
		<p>版权所有 粤ICP备13011462号-2</p>
		<p>广东省通管局 增值电信业务经营许可证B2-20130209</p>
		</div>

		<div class="bottom_r">
			<dl>
				<dt>公司</dt>
				<dd><a href="">关于我们</a></dd>
				<dd><a href="">招聘信息</a></dd>
				<dd><a href="">联系我们</a></dd>
			</dl>
			<dl>
				<dt>消费者</dt>
				<dd><a href="">帮助中心</a></dd>
				<dd><a href="">意见反馈</a></dd>
				<dd><a href="">手机版下载</a></dd>
			</dl>
			<dl>
				<dt>商家</dt>
				<dd><a href="">商家培训</a></dd>
				<dd><a href="">商家招募</a></dd>
				<dd><a href="">免费开店</a></dd>
			</dl>
			<dl style="width:280px;height:28px;">
				<dt style="width:100px">权威认证</dt>
				<dd>
				<a class="pa" href=""></a>
				<a class="pc" href=""></a>
				<a class="kx" href=""></a>
			</dd>
			</dl>
		</div>
	</div>
</div>

<!-- 末尾结束 -->		
		
		
<a class="boxs1" href="#header_top"></a>
		

	</body>
</html>
